<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜贝贝的个人简历</title>
    <link href='http://xianbai.me/about/css/main.css' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="./css/main.css">
</head>
<body>
    <nav>
        <ul>
            <li><a href="#home" class="current">H<span>ome</span></a></li>
            <li><a href='http://www.cnblogs.com/Marktoy/'>R<span>eturn to my blog</span></a></li>
            <li><a href="#skill">S<span>kill</span></a></li>
            <li><a href="#about">A<span>bout</span></a></li>
            <li><a href="#works">W<span>orks</span></a></li>
            <li><a href="#contact">C<span>ontact</span></a></li>
        </ul>
    </nav>
    <section id="cover">
        <div class="mask" id="mask1"></div>
        <div class="mask" id="mask2"></div>
        <div class="content">
            <h2>关于我</h2>
            <p>C#/全栈屌丝</p>
            <p><a href='http://www.cnblogs.com/Marktoy/'>返回我的博客园！</a></p>
            <p id="open">我已经在工作了，勿扰！</p>            
        </div>
    </section>
    <section id="home">
        <div class="content">
            <img id="avatar" src="http://git.oschina.net/Marktoy/cco/attach_files/download?i=13382&u=http%3A%2F%2Ffiles.git.oschina.net%2Fgroup1%2FM00%2F00%2F87%2FfMqNk1WaSLmAbjw-AADKa6BXZ_w606.JPG%3Ftoken%3D213579394182ecee783e360ab0986885%26ts%3D1436174485%26filename%3DIMG_0220.JPG" alt="" width="200" height="200">
            <div id="info1">
                <p>来自 湖南·常德</p>
                <p>年龄 26岁（90 年）</p>
                <p>长沙航空大学 10 级[<b>毕业N年中...</b>]</p>
            </div>
            <div class="float-clear"></div>
            <div id="info2" class="bg-icon">颜贝贝</div>
            <div id="info3">
                <p>计算机信息技术专业</p>
                <p>爱好: Coding、Game、其他玩不起</p>
                <p>blog <a href="http://home.cnblogs.com/u/marktoy/" target="_blank">learnshare</a></p>
            </div>
        </div>
    </section>
    <section id="skill">
        <div class="content">
            <p class="page-title">&lt;skill&gt;</p>
            <div class="cols">
                <div class="col1">
                    <h2>技能</h2>
                </div>
                <div class="col2">
                    <table>
                        <tr>
                            <th>&nbsp;</th>
                            <th>了解</th>
                            <th>熟悉</th>
                            <th>精通</th>
                            <th>神级</th>
                        </tr>
                        <tr>
                            <td>HTML</td>
                            <td colspan="4">
                                <div><span style="width: 184px; background-color: #00BBFE;"></span></div>
                            </td>
                        </tr>
                        <tr>
                            <td>HTML5</td>
                            <td colspan="4">
                                <div><span style="width: 100px; background-color: #E34D25;"></span></div>
                            </td>
                        </tr>
                        <tr>
                            <td>CSS</td>
                            <td colspan="4">
                                <div><span style="width: 200px; background-color: #00BD00;"></span></div>
                            </td>
                        </tr>
                        <tr>
                            <td>CSS3</td>
                            <td colspan="4">
                                <div><span style="width: 112px; background-color: #0A75BB;"></span></div>
                            </td>
                        </tr>
                        <tr>
                            <td>JavaScript</td>
                            <td colspan="4">
                                <div><span style="width: 114px; background-color: #AAA;"></span></div>
                            </td>
                        </tr>
                        <tr>
                            <td>jQuery</td>
                            <td colspan="4">
                                <div><span style="width: 134px; background-color: #77D0F5;"></span></div>
                            </td>
                        </tr>
                        <tr>
                            <td>PHP</td>
                            <td colspan="4">
                                <div><span style="width: 60px; background-color: #666798;"></span></div>
                            </td>
                        </tr>
                        <tr>
                            <td>Java/Android</td>
                            <td colspan="4">
                                <div><span style="width: 47px; background-color: #71B75C;"></span></div>
                            </td>
                        </tr>
                    </table>
                    <table>
                        <tr>
                            <th>&nbsp;</th>
                            <th>了解</th>
                            <th>熟悉</th>
                            <th>精通</th>
                            <th>神级</th>
                        </tr>
                        <tr>
                            <td>Photoshop</td>
                            <td colspan="4">
                                <div><span style="width: 32px; background-color: #183C6F;"></span></div>
                            </td>
                        </tr>
                        <tr>
                            <td>Flex</td>
                            <td colspan="4">
                                <div><span style="width: 60px; background-color: #CA1F2D;"></span></div>
                            </td>
                        </tr>
                        <tr>
                            <td>Silverlight</td>
                            <td colspan="4">
                                <div><span style="width: 45px; background-color: #E57711;"></span></div>
                            </td>
                        </tr>
                        <tr>
                            <td>Dreamweaver</td>
                            <td colspan="4">
                                <div><span style="width: 6px; background-color: #89A225;"></span></div>
                            </td>
                        </tr>
                        <tr>
                            <td>手写代码</td>
                            <td colspan="4">
                                <div><span style="width: 200px; background-color: #00A9FF;"></span></div>
                            </td>
                        </tr>
                        <tr>
                            <td>SqlService</td>
                            <td colspan="4">
                                <div><span style="width: 150px; background-color: #7ACB15;"></span></div>
                            </td>
                        </tr>
                        <tr>
                            <td>Windows</td>
                            <td colspan="4">
                                <div><span style="width: 95px; background-color: #87D03E;"></span></div>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col3">
                    <section>
                        <h3>前端开发</h3>
                        <p>精通 HTML、CSS、等前端框架</p>
                        <p>熟悉 HTML5、CSS3、JavaScript、jQuery</p>
                        <p>有十余个网站的前端开发经验</p>
                        <p>有 IE6、7 的兼容性经验</p>
                        <p>深入了解过 Bootstrap</p>
                        <p>系统学习过 PHP（无开发经验）</p>
                        <p>正在设计一套类 Bootstrap UI 库（<a href="http://h-labs.github.io/HUI/" target="_blank">HUI</a>）</p>
                    </section>
                    <section>
                        <h3>相关技能</h3>
                        <p>熟悉Silverlight、Flex </p>
                        <p>了解 Photoshop 的基本应用（<b>该简历是自己设计的）</b></p>
                        <p>手写代码（正在使用 VS2013+EditPlus）</p>
                        <p>熟悉 Windows 开发环境和基本应用</p>
                        <p>自学了 Flex/Android 开发</p>
                        <p>系统的学习了C语言</p>
                    </section>
                    <section>
                        <h3>近期目标</h3>
                        <p>学习并应用 TypeScript</p>
                        <p>深入学习 JavaScript OOP、Breeze.js、Angularjs*</p>
                        <p>继续推进 HTML5</p>
                        <p>学习一下 Node.js</p>
                    </section>
                </div>
                <div class="float-clear"></div>
            </div>
            <p class="page-title">&lt;skill/&gt;</p>
        </div>
    </section>
    <section id="about">
        <div class="content">
            <p class="page-title">&lt;about&gt;</p>
            <div class="rows">
                <div class="row1">
                    <h2>个人</h2>
                    <section>
                        <h3>经历</h3>
                        <p>历任：</p>
                        <p>计算机协会 技术部干事、网络工作室负责人、</p>
                        <p>网站开发培训课主讲、副会长</p>
                        <p>航模协会干事</p>
                        <p>组织过同学参与外接项目(5人)</p>
                    </section>
                    <section>
                        <h3>经验</h3>
                        <p>2011-05~08</p>
                        <p>[<b>实习</b>]，广州穗恒科技有限公司 税务产品/p>
                        <p>2012-01~02</p>
                        <p>[<b>Code</b>]广州信合电信有限公司 教育平台</p>
                        <p>2014-07~24</p>
                        <p>[<b>Code</b>]广州图力信息技术有限公司 外包公司性质，也有自己公司产品(APP安全方面)</p>
                    </section>
                    <section>
                        <h3>自我评价</h3>
                        <p>爱学习，经常探索新的技术和工具</p>
                        <p>喜欢交流和分享</p>
                        <p>常逛圈子：博客园、开源社区、GitHub、知乎。“学习，分享，进步” -- 是我的宗旨</p>
                    </section>
                    <div class="float-clear"></div>
                </div>
                <div class="row2">
                    <h2>工作</h2>
                    <section>
                        <h3>期望公司</h3>
                        <p>C#高级工程师</p>
                        <p>前端开发工程师</p>
                        <p>DBA</p>
                    </section>
                    <section>
                        <h3>期望职位</h3>
                        <p>非广告公司或建站公司</p>
                        <p>创业公司也不错</p>
                        <p>牛人聚集地</p>
                    </section>
                    <div class="float-clear"></div>
                </div>
            </div>
            <p class="page-title">&lt;about/&gt;</p>
        </div>
    </section>
    <section id="works">
        <div class="content">
            <p class="page-title">&lt;works&gt;</p>
            <div class="rows">
                <h1>HUI - A Bootstrap-Like Web UI Kit</h1>
                <p class="link">view <a href="http://h-labs.github.io/HUI" target="_blank">demo</a> GitHub <a href="https://github.com/H-Labs/HUI" target="_blank">project</a></p>
                <div class="row1" style="margin-bottom: 50px;">
                    <h2>简介</h2>
                    <section>
                        <h3>组成</h3>
                        <p>1. hui.css 对 HTML 元素外观的统一和增强</p>
                        <p>2. widgets 自定义 UI 组件（大部分依赖 JS）</p>
                        <p>3. js-lib JavaScript 工具</p>
                    </section>
                    <section>
                        <h3>当前进度</h3>
                        <p>已完成 hui.css 大部分</p>
                    </section>
                    <div class="float-clear"></div>
                </div>
                <h1>newTab - 浏览器新标签页面（收藏夹）</h1>
                <p class="link">view <a href="#" target="_blank">demo</a></p>
                <div class="row2">
                    <h2>简介</h2>
                    <section>
                        <h3>功能介绍</h3>
                        <p>1. 替换 交换两个项目</p>
                        <p>2. 插入 将项目插入到另一项之前/之后</p>
                        <p>3. 删除 删除任一项</p>
                        <p>4. 编辑 修改任一项的标题和 URL</p>
                        <p>5. 插入 在列表末尾插入新的项目</p>
                    </section>
                    <section>
                        <h3>其他</h3>
                        <p>1. 页面使用了 HTML5 的 API</p>
                        <p>2. 表格区域为响应式设计，可根据浏览器窗口大小按比例缩放</p>
                    </section>
                    <div class="float-clear"></div>
                </div>
            </div>
            <p class="page-title">&lt;works/&gt;</p>
        </div>
    </section>
    <section id="contact">
        <h3>Contact me</h3>
        <ul>
            <li class="bg-icon weibo"><a href="#" target="_blank">LearnShare</a></li>
            <li class="bg-icon github"><a href="http://git.oschina.net/Marktoy" target="_blank">LearnShare</a></li>
            <li class="bg-icon email">i removed it</li>
            <li class="bg-icon phone">i removed it</li>
        </ul>
    </section>
    <script src="http://xianbai.me/about/js/h.js"></script>
    <script src="http://xianbai.me/about/js/main.js"></script>
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
    		m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-44361488-1', 'learnshare.github.io');
        ga('send', 'pageview');
    </script>
</body>
</html>